
        * {
            margin: 0;
        }

        html, body {
            height: 100%;
            width: 100%;
        }
        .container{
          display: flex;
          height: 100vh;
          flex-direction: column;
        }
        
        .head{
          width: 100%;
        }
        .body {
          width: 100%;
          flex:1;
          color: black;
          overflow-y: scroll;
        }
        .footer {
          width: 100%;
        }
        .body div {
          height: 200px;
          width: 300px;
          background: greenyellow;
          margin: 20px;
        }